/*topbar*/
body{
	-webkit-touch-callout: none;
}
#topbar {
	background-color: #e84d3f;
	padding: 0 0.05rem;
}

#topbar a {
	color: #ffffff;
	display: inline-block;
	height: 0.3rem;
	line-height: 0.3rem;
}

i.weui-icon-all {
	margin-top: -1px;
	width: 0.185rem;
	height: 0.3rem;
	margin-right: 0.05rem;
	float: left;
	background: url(../images/btn-all.png) no-repeat;
	background-size: 100%;
}

i.weui-icon-login {
	width: 0.13rem;
	height: 0.3rem;
	float: left;
	margin-right: 0.05rem;
	background: url(../images/btn-login.png) no-repeat;
	background-size: 100%;
	margin-top: -1px;
}

#logo {
	position: relative;
	width: 0.6rem;
	height: 100%;
	margin: 0 auto;
	text-align: center;
}

#logo img {
	position: absolute;
	width: 0.6rem;
	height: 0.6rem;
	left: 0rem;
	top: 0.02rem;
	z-index: 11;
}


/*banner*/

#banner {}

#banner img {
	float: left;
}


/*weather*/

#weather {
	height: 0.31rem;
	line-height: 0.31rem;
	color: #ffffff;
	font-size: 0.1rem;
	background: #17b3bd;
}

#weather li {
	float: left;
}

#weather li.line {
	margin: 0 0.15rem;
	font-size: 0.08rem;
}

#weather li.title {
	line-height: 0.12rem;
	margin-right: 0.1rem;
	padding-top: 0.03rem;
}

[class^="weathericon-"] {
	display: block;
	float: left;
	margin: 0 0.05rem;
	margin-top: 0.05rem;
}

.weathericon-1 {
	width: 0.205rem;
	height: 0.165rem;
}


/*grids*/

#grids {
	background: #ffffff;
}

#grids .weui-grid {
	width: 25%;
}

#grids .weui-grids:before {
	border: 0px;
}

#grids .weui-grids:after {
	border: 0px;
}

#grids .weui-grid:before {
	border: 0px;
}

#grids .weui-grid:after {
	border: 0px;
}

#grids .weui-grid__label {
	color: #555555;
	font-size: 0.14rem;
}

#grids .weui-grid__icon {
	width: 0.36rem;
	height: 0.36rem;
}


/*panel*/

.panel {
	margin-top: 0.05rem;
	padding: 0 0.12rem;
	background: #ffffff;
	border: #dddddd solid 0.5px;
	border-left: 0px;
	border-right: 0px;
}

.panel-header {
	padding: 0.1rem 0;
}

.panel-header h5 {
	float: left;
	border-left: #e84538 solid 0.03rem;
	padding-left: 0.05rem;
}

.panel-tool {
	float: right;
}

.panel-tool a {
	color: #8d8d8d;
}

.panel-item {
	float: left;
	width: 50%;
	height: 0.54rem;
}

.panel-item .fr {
	padding-right: 0.05rem;
}

.panel-item h5 {
	color: #555555;
}

.panel-item span {
	color: #777777;
	font-size: 0.11rem;
}

.panel-item {
	border-top: #dddddd solid 1px;
}

.panel-item .fl {
	border-left: #dddddd solid 1px;
	height: 100%;
}

.panel-item:nth-child(odd) .fl {
	border-left: 0px;
}

.panel-item .fl {
	padding-left: 0.05rem;
	padding-top: 0.05rem;
}

.panel-item:nth-child(odd) .fl {
	padding-left: 0rem;
	padding-top: 0.05rem;
}

.panel-item .fr {
	padding-right: 0.05rem;
	padding-top: 0.05rem;
}

#bm-1 img {
	width: 0.3rem;
}

#bm-2 img {
	width: 0.35rem;
}

#bm-3 img {
	width: 0.305rem;
}

#bm-4 img {
	width: 0.29rem;
}

#bm-5 img {
	width: 0.4rem;
}

#bm-6 img {
	width: 0.34rem;
}

#wh-1 img {
	width: 0.34rem;
}

#wh-2 img {
	width: 0.265rem;
}

#wh-3 img {
	width: 0.405rem;
}

#wh-4 img {
	width: 0.34rem;
}

#wh-5 img {
	width: 0.395rem;
}

#wh-6 img {
	width: 0.26rem;
}


/*今日证券*/

.panel2 .panel-header {
	padding-top: 0.13rem;
	padding-bottom: 0.085rem;
	margin-bottom: 0.15rem;
	border-bottom: #dddddd solid 1px;
}

.panel2 .panel-body {
	margin-bottom: 0.15rem;
}

#zhengquan {
	margin-bottom: 0.05rem;
}

#zhengquan h5 {
	color: #e84538;
	text-align: center;
}

#zhengquan p {
	font-size: 0.1rem;
	padding: 0.05rem 0;
	text-align: center;
}

#zhengquan p span {
	color: #e84538;
	padding-left: 0.05rem;
}

#zhengquan-1,
#zhengquan-2 {
	border-right: #dddddd solid 1px;
}


/*开心一刻*/

.weui-icon-joke {
	width: 0.15rem;
	height: 0.15rem;
	margin-right: 0.05rem;
	background: url(../images/joke/face.png) no-repeat;
	background-size: 100%;
}

.weui-icon-refresh {
	width: 0.12rem;
	height: 0.1rem;
	margin-right: 0.05rem;
	background: url(../images/refresh.png) no-repeat;
	background-size: 100%;
}

#joke .panel-header .panel-tool a {
	color: #00889c;
}

#joke .panel-body {
	font-size: 0.12rem;
	line-height: 0.18rem;
}


/*今日热点*/

#news {}

.news-item {
	border-bottom: #dddddd solid 0.8px;
	padding: 0.05rem 0;
}

#news .news-item:first-child {
	padding-top: 0px;
}

#news .news-item:last-child {
	border: 0px!important;
}

.news-item .thumb {
	margin-right: 0.1rem;
}

.news-item .thumb img {
	width: 0.89rem;
}

.news-item .title {
	min-height: 0.3rem;
	line-height: 0.2rem;
	padding-bottom: 0.03rem;
}

.news-item .time {
	color: #666666;
	font-size: 0.1rem;
}

.weui-icon-clock {
	width: 0.115rem;
	height: 0.11rem;
	background: url(../images/news/clock.png) no-repeat;
	background-size: 100%;
	display: block;
	float: left;
	margin-top: 0.01rem;
	margin-right: 0.05rem;
}


/*footer*/

#footer {
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 11;
	float: left;
	width: 100%;
}

#footer .main {
	width: 100%;
	max-width: 640px;
	height: 0.5rem;
	margin: 0 auto;
	background: #ffffff;
	border-top: #dddddd solid 1px;
}

#footer .item {
	text-align: center;
	padding: 0.02rem 0;
}

#footer .item a {
	color: #929292;
}

#footer .item.active a {
	color: #fe8c26;
}

#footer .item i {
	margin-bottom: 0.05rem;
}

.weui-icon-home {
	width: 0.195rem;
	height: 0.18rem;
	background: url(../images/foot/1.png) no-repeat;
	background-size: 100%;
}

.active .weui-icon-home {
	background: url(../images/foot/1_2.png) no-repeat;
	background-size: 100%;
}

.weui-icon-cate {
	width: 0.17rem;
	height: 0.18rem;
	background: url(../images/foot/2.png) no-repeat;
	background-size: 100%;
}

.active .weui-icon-cate {
	background: url(../images/foot/2_2.png) no-repeat;
	background-size: 100%;
}

.weui-icon-zhiyuan {
	width: 0.125rem;
	height: 0.18rem;
	background: url(../images/foot/3.png) no-repeat;
	background-size: 100%;
}

.active .weui-icon-zhiyuan {
	background: url(../images/foot/3_2.png) no-repeat;
	background-size: 100%;
}

.weui-icon-member {
	width: 0.165rem;
	height: 0.18rem;
	background: url(../images/foot/4.png) no-repeat;
	background-size: 100%;
}

.active .weui-icon-member {
	background: url(../images/foot/4_2.png) no-repeat;
	background-size: 100%;
}